<template>
	<view class="content">
    <view class="box1">
        <liu-slide-img :list="list" :type="2" :autoplay="autoplay" :interval="interval" @change="change"
            @click="click" ></liu-slide-img>
    <!-- <view style="margin: 30rpx;">默认模式：</view>
        <liu-slide-img :list="list" :autoplay="autoplay" :interval="interval" @change="change"
            @click="click">></liu-slide-img> -->
    </view>
	<view class="box2">
		本田飞度
	</view>
<view class="box3">
			<text class="lefttext">标准车型</text>
			<view class="row-text1">
				<view class="rowleft">日均:</view>
				<input type="text" name="car-inlet" />
			</view>
		</view>
	<view class="box4">
		<view class="boxtop">车辆配置</view>
		<view class="boxbottom">
			<view class="boxbottom1">
				<view class="row">
					<view class="rowleft">进气:</view>
					<input class="rowright"  type="text" name="car-inlet" />
				</view>
				<view class="row">
					<view class="row-oil">油箱容量:</view>
					<input class="row-oil-right"  type="text" name="car-inlet" />
				</view>
				<view class="row">
					<view class="rowleft">颜色:</view>
					<input class="rowright"  type="text" name="car-inlet" />
				</view>
			</view>
			<view class="bottom-under">
				<view class="row">
					<view class="rowleft">排量:</view>
					<input  type="text" name="car-inlet" />
				</view>
				<view class="row">
					<view class="rowleft">座位数:</view>
						<input  type="text" name="car-inlet" />
					</view>
				</view>
			</view>
		</view>
		<view class="box5">
			<view class="box5-1">
				<view class="underline">发布须知</view>
				</view>
			<view class="box5-2">
				<view class="underline1">1.在进行发布车辆之前，需要签署租赁合约</view>
			</view>
			<view class="box5-2">
				<view class="underline1">2.请您在发布车辆之前仔细阅读</view>
			    <view class="underline2">《租赁合约》</view>
			</view>
			<view class="box5-2">
				<view class="underline1">3.是否签署合约</view>
				<label>
					<checkbox  class="label" value="checkbox1" />
				</label>
			</view>
		</view>
		<button class="button1" type="primary" @click="goidentity1">下一步</button>
	</view>		
	
</template>

<script>
    export default {
        data() {
            return {
                list: [{
                        src: "../../static/img/R-6.jpg"
                    },
                    {
                        src: "../../static/img/R-6.jpg"
                    },
                    {
                        src: "../../static/img/R-6.jpg"
                    }
                ],
                autoplay: true,
                interval: 3000
            }
        },
        methods: {
            //当前轮播索引
            change(e) {
                console.log('==========', e)
            },
            //点击轮播
            click(e) {
                console.log('点击轮播', e)
            }
        }
    }
</script>

<style lang="scss" scoped>
	.content{
		max-width: 600px;
		padding: 0 10px;
		background-color: rgb(247, 247, 247);
	}
.box1{
	padding-top: 20px;
}
.box2{
	font-size: 20px;
	font-weight: bold;
		padding-top: 20px;
}
.box3{
	line-height: 20px;
	margin-top: 20px;
	height: 39px;
	background-color: #FFF;
	border-radius: 20px;
}
.lefttext{
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	width: 50%;
	float: left;
}
.righttext{
		color: #FF551A;
		margin-left: 5px;
		height: 20px;
		display: flex;
		justify-content: center;
		font-size: 14px;
		padding-left: 10px;
		padding-top: 11px;
}
.box4{
	background-color: #FFF;
	height: 116px;
	margin-top: 20px;
}
.box4 .boxtop{
	font-weight: bold;
	height: 30%;
}
.box4 .boxbottom{
	height: 70%;
	width: 100%;
}
.row{
	margin-left: 5px;
	height: 20px;
	display: flex;
	justify-content: center;
	
}
.rowleft{
	width: 40%;
}
.row-oil{
	width: 60%;
}
.rowright{
	width: 70%;
}
.row-oil-right{
	width: 40%;
}
.rowright1{
	width: 70%;
}


.bottom-under{
	height: 20px;
	margin-top: 10px;
	display: flex;
}
.boxbottom1{
	display: flex;
}
.box5{
	height: 260px;
	margin-top: 20px;
}
.box5-1{
	    border-bottom: 1px solid #000;
	    padding: 10px;
}
 .underline {
   font-size: 20px;
   font-weight: bold;
   }
.box5-2{
	display: flex;
	height: 40px;
	background-color: #FFF;
	border-bottom: 1px solid #BBBBBB;
	border-left:1px solid #BBBBBB; 
	border-right:1px solid #BBBBBB; 
	border-radius: 50px;
	margin-top: 10px;
}
	.underline1 {
		margin-right : auto;
		line-height: 40px;
		padding-left: 20px;
	
	}
	.underline2 {
		color: #196AD4;
		position: relative;
		right: 20px;
		line-height: 40px;
	}

	.button1{
		height: 46px;
		width: 310px;
		text-align: center;
		border-radius: 50rpx;
	}
	.row-text1 {
		color: #FF551A;
		margin-left: 5px;
		height: 20px;
		display: flex;
		justify-content: center;
		font-size: 14px;
		padding-left: 10px;
		padding-top: 11px;
	}
	.label{
		   line-height: 40px;
		   margin-right: 10px;
	}
</style>
